module.exports = {
    name: `echarts`,
    contents: [
        {
            keyWord: `简介`,
            des: ``
        },
        {
            keyWord: `echarts.version`,
            des: `查看当前echart版本`,
            exp: ``
        },
        {
            keyWord: `初始化实例`,
            des: `const oEchart = echarts.init(document.getElementById('id'));
            var option = {...}
            oEchart.setOption(option)
            setOption可以设置多次，新旧option会自动合并,默认自带增量动画`,
            list: [
                {
                    keyWord: `oEchart.resize()`,
                    des: `重新绘制canvas大小,使其自适应页面宽高`
                },
                {
                    keyWord: `加载动画`,
                    des: `oEchart.showLoading()
                    oEchart.hideLoading()`
                },
                {
                    keyWord: `oEchart.on/off`,
                    des: `绑定或者解绑事件处理函数
                    鼠标事件：click dblclick mousedown mousemove mouseup
                    echarts事件：
                    legendselectchanged //图例筛选
                    datazoom //数据区域缩放事件
                    pieselectchanged // 饼图选择
                    mapselectchanged //地图选择`
                },
                {
                    keyWord: `oEchart.dispatchAction`,
                    des: `主动触发某个事件`
                },
                {
                    keyWord: `oEchart.clear`,
                    des: `清空optoin`
                },
                {
                    keyWord: `oEchart.dispose`,
                    des: `销毁实例`
                },
            ]
        },
        {
            keyWord: 'option配置',
            list: [
                {
                    keyWord: `高亮样式-悬停`,
                    des: `emphasis{
                        itemStyle textStyle lineStyle areaStyle label
                    }`
                },
                {
                    keyWord: `直接样式`,
                    des: `itemStyle
                    textStyle //文字样式
                    lineStyle
                    areaStyle
                    label //标签文字样式`
                },
                {
                    keyWord: `直角坐标系中的常用配置`,
                    des: `网格：grid
                    坐标轴：axis
                    区域缩放dataZoom`
                },
                {
                    keyWord: `z: 控制层级`,
                    exp: `{
                        name: "line",
                        type: "line",
                        data: lineData,
                        z: 20
                    }`
                },
                {
                    keyWord: `通用配置`,
                    des: `标题：title
                    提示：tooltip
                    工具按钮: toolbox
                    图例：legend`
                },
                {
                    keyWord: `animation`,
                    des: `是否开启动画 true、false`
                },
                {
                    keyWord: `animationDuration`,
                    des: `动画时长, 单位毫秒。
                    支持：数值、回调函数`
                },
                {
                    keyWord: 'animationEasing',
                    des: `缓动动画类型`
                },
                {
                    keyWord: `animationThreshold`,
                    des: `动画元素的阈值, series单中形式的元素数量大于这个值就会关闭动画`
                },
                {
                    keyWord: `valueAnimation`,
                    des: `是否开启标签的数字动画`
                },
                {
                    keyWord: `graphic`,
                    des: `可以实现水印效果`
                },
                {
                    keyWord: `yAxis.axisLabel.rich`,
                    des: `在 rich 里面，可以自定义富文本样式。`
                }
            ]
        },
        {
            keyWord: `echarts.registerTheme`,
            des: `注册主题`
        },
        {
            keyWord: `echarts.registerMap`,
            des: `注册地图`
        },
        {
            keyWord: `echarts.connect`,
            des: `实现多个图表的关联，关联后可实现：
            保存图片自动拼接，
            刷新按钮，重置按钮，提示框，图例选择，数据范围修改等联动功能`
        }
    ]
}